a {
  font-family: Arial,Helvetica,sans-serif; }

.navigation {
  background: #397DCE;
  float: left;
  height: 32px;
  width: 100%;
  z-index: 9999; }

#hb-menu:before, #hb-menu:after {
  content: "";
  display: table; }

#hb-menu:after {
  clear: both; }

#hb-menu {
  border-left: 1px solid #397DCE;
  margin-left: 70px;
  width: 100%; }

#hb-menu, #hb-menu ul {
  list-style: none outside none;
  margin: 0;
  padding: 0; }

#hb-menu li {
  float: left;
  position: relative; }

#hb-menu li:hover, #hb-menu li:active, #hb-menu li:focus {
  background: #1ea1ff; }

#hb-menu li:hover a, #hb-menu li:active a, #hb-menu li:focus a {
  color: #ffffff; }

.active-bg {
  background: #1ea1ff; }

.active-bg a {
  color: #ffffff !important; }

#hb-menu a {
  color: #ffffff;
  float: left;
  padding: 8px 10px 6px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold; }

.but {
  border-radius: 0 !important;
  box-shadow: 0 !important;
  color: #ffffff !important;
  cursor: pointer !important;
  padding: 5px 10px !important;
  text-shadow: 0 0 !important;
  background: #FF8933 !important;
  border: 1px solid #FF8933 !important;
  font-family: Arial,Helvetica,sans-serif; }

.btn-active {
  background: #0099cc !important;
  border: 1px solid #0099cc !important;
  color: #ffffff !important; }

.btn-deactive {
  opacity: 0.4;
  filter: alpha(opacity=40);
  /* For IE8 and earlier */ }

.div-main {
  padding: 5px 0px;
  overflow: auto; }

.div-main-label {
  width: 40%;
  float: left;
  margin-top: 6px; }

.div-main-input {
  width: 60%;
  float: right; }

.group-bt {
  padding: 5px 0px;
  overflow: auto; }

.txt, .txt:focus {
  background-image: none !important;
  background-color: #ffffff !important;
  border: 1px solid #cccccc !important;
  color: #555555 !important;
  display: inline-block !important;
  height: 15px !important;
  line-height: 15px !important;
  padding: 5px !important;
  text-align: left !important;
  width: 93% !important; }

.txt1, .txt1:focus {
  background-image: none !important;
  background-color: #ffffff !important;
  border: 1px solid #cccccc !important;
  color: #555555 !important;
  display: inline-block !important;
  height: 15px !important;
  line-height: 15px !important;
  padding: 5px !important;
  text-align: left !important;
  width: 200px !important; }

.select1, .select1:focus {
  background-image: none !important;
  background-color: #ffffff !important;
  border: 1px solid #cccccc !important;
  color: #555555 !important;
  display: inline-block !important;
  line-height: 15px !important;
  padding: 5px !important;
  text-align: left !important;
  width: 200px !important; }

.label1 {
  width: 100px !important; }

.toggle-west-close-new {
  background: url("/AnGiang-557-portlet/html/giamsatmoitruong/images/bg-sprite.png") no-repeat scroll -8px 0 rgba(0, 0, 0, 0) !important;
  border: 0 none !important;
  cursor: pointer !important;
  height: 28px !important;
  position: absolute !important;
  top: 36px !important;
  width: 17px !important;
  z-index: 1005 !important; }

.toggle-west-open {
  background-position: -25px 0; }

.title-1 {
  border-top: 3px solid #1EA1FF !important;
  background: url("images/ui-bg_flat_0_aaaaaa_40x100.png") repeat-x scroll 50% 50% #cccccc;
  color: #00469B;
  font-size: 13px;
  padding: 1px 10px;
  margin: 0px;
  border: 1px solid #aaaaaa; }

.exlc-informed-new {
  color: #2a2829;
  font-size: 12px;
  padding: 5px;
  text-align: center; }

.top-list-action {
  background: repeat-x scroll 50% 50% #ffffff;
  height: 27px;
  border: 0 !important; }

.top-list-action-ks {
  background: url(/AnGiang-557-portlet/html/quanlykhoangsan/images/bg-accordion-title.png) 0 0 repeat-x #e8e8e8;
  height: 27px;
  border: 0 !important; }

.devices-light {
  margin: 0.3% 0 0 2%;
  overflow: hidden; }

.devices-light li {
  overflow: hidden;
  float: left;
  height: 25px; }

.devices-light li {
  height: 25px; }

.devices-light li .icon {
  float: left;
  cursor: pointer; }

.devices-light li .icon {
  margin-right: 10px; }

.icon {
  /* background: url(/AnGiang-557-portlet/html/giamsatmoitruong/images/bg-sprite.png) no-repeat -124px 0; */
  height: 23px;
  width: 23px; }

.icon-01-kk {
  background: url("/AnGiang-557-portlet/images/layers/khongkhi.png");
  top: 7px; }

.icon-02-help {
  background: url("/AnGiang-557-portlet/images/layers/Help-icon.png");
  top: 7px; }

.icon-03 {
  background: url("/AnGiang-557-portlet/html/giamsatmoitruong/asset/img/trambienap.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  top: 7px; }

.icon-04-dat {
  background: url("/AnGiang-557-portlet/images/layers/dat.png");
  top: 7px; }

.icon-06-nuoc {
  background: url("/AnGiang-557-portlet/images/layers/nuoc.png");
  top: 7px; }

.icontn-03 {
  background: url("/AnGiang-557-portlet/html/giamsatmoitruong/asset/img/trambom.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  top: 7px; }

.icontn-02 {
  background: url("/AnGiang-557-portlet/html/giamsatmoitruong/asset/img/cautrucchuyendong.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  top: 7px; }

.icontn-04 {
  background: url("/AnGiang-557-portlet/html/giamsatmoitruong/asset/img/nhamayxuly.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  top: 7px; }

.icontn-05 {
  background: url("/AnGiang-557-portlet/html/giamsatmoitruong/asset/img/cuaxa1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  top: 7px; }

.icontn-06 {
  background: url("/AnGiang-557-portlet/html/giamsatmoitruong/asset/img/kenhmuong.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  top: 7px; }

.icontn-08 {
  background: url("/AnGiang-557-portlet/html/giamsatmoitruong/asset/img/gieng1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  top: 7px; }

.icontn-10 {
  background: url("/AnGiang-557-portlet/html/giamsatmoitruong/asset/img/luuvuc.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  top: 7px; }

.icontn-12 {
  background: url("/AnGiang-557-portlet/html/giamsatmoitruong/asset/img/hodieuhoa.png");
  top: 7px; }

.icon-daydan {
  background: url("/AnGiang-557-portlet/html/giamsatmoitruong/asset/img/daydan.png");
  top: 7px; }

.icon-help {
  background: url("/AnGiang-557-portlet/css/images/Button-help-icon.png"); }

/* css hiephv */
.portlet {
  display: inline-block;
  width: 100%; }

